<template>
    <div class="top">
        <img src="../../assets/img/头部.png" alt="">
    </div>
    <div class="adrm-top">
        <router-link :to="'/my'">
            <img src="@/assets/img/左箭头.png" alt="">
        </router-link>
        <div class="adrm-top-mid">
            <span>管理收货地址</span>
        </div>
        <router-link :to="'/adrcreate'">
            <div class="adrm-top-right">
                <span>新建</span>
            </div>
        </router-link>
    </div>
    <div class="adrm-background">
        <div class="adrm-item-top">
            <span>我的收货地址</span>
        </div>
        <router-link :to="'/adrchange'" class="adrm-item-mid" v-for="item in list">
            <div class="adrm-item-left">
                <div class="adrm-item-left-top">
                    <span>{{ item.name }}</span>
                    <span>{{ item.phone }}</span>
                </div>
                <div class="adrm-item-left-bottom">
                    <span>{{ item.address1 }}</span>
                    <span>{{ item.address2 }}</span>
                    <span>{{ item.address3 }}</span>
                </div>
            </div>
            <div class="adrm-item-right">
                <img src="@/assets/img/右箭头.png" alt="">
            </div>
        </router-link>
    </div>
</template>

<script>
import { navData } from "@/untils/nav"
import "@/assets/css/index.css";
import "@/assets/css/adrm.css";
export default {
    setup() {
        const list = [
            {
                name: "小慕",
                phone: "18911023261",
                address1: "北京市海淀区西三环北路 2号院 ",
                address2: "北京理工大学 国防科技园 ",
                address3: "2号楼 10层 "
            },
            {
                name: "小慕",
                phone: "18911023261",
                address1: "北京市海淀区西三环北路 2号院 ",
                address2: "北京理工大学 国防科技园 ",
                address3: "2号楼 13层 "
            },
        ]
        return {
            navData,
            list
        }
    }
};
</script>